<template>
  <div>
    <div class="box">
      <b-radio label="0" v-model="gender">男</b-radio>
      <b-radio label="1" v-model="gender">女</b-radio>
    </div>
    <div class="box">
      <b-radio label="0" v-model="gender"></b-radio>
      <b-radio label="1" v-model="gender"></b-radio>
    </div>
    <div class="box">
      <b-radio-group v-model="game">
        <b-radio label="0">cute</b-radio>
        <b-radio label="1">buz</b-radio>
        <b-radio label="2">xxx</b-radio>
      </b-radio-group>
    </div>
    <div class="box">
      <b-checkbox v-model="checked">click</b-checkbox>
      <b-checkbox v-model="checked" disabled>click</b-checkbox>
      <b-checkbox v-model="checked" label="hahahah"></b-checkbox>
    </div>
    <div class="box">
      <b-checkbox-group v-model="checkList">
        <b-checkbox label="选框1">click</b-checkbox>
        <b-checkbox label="选框2"></b-checkbox>
        <b-checkbox label="选框3"></b-checkbox>
      </b-checkbox-group>
    </div>
  </div>
</template>

<script>
import BRadio from './components/radio/index'
import BRadioGroup from './components/radioGroup'
export default {
  name: 'Form1',
  components: {
    BRadio,
    BRadioGroup
  },
  data() {
    return {
      gender: "0",
      game: "0",
      checked: false,
      checkList: ['选框1', '选框2']
    }
  },
}
</script>

<style scoped lang='less'>
.box {
  width: 100%;
  margin-bottom: 20px;
}
</style>